@media screen and (max-width:1023px) {

}
@media screen and (max-width:599px) {


section {
    font-size: 3.2vw;
}
div.image_sd_wrap {
  width: 350%;
  padding: 3vw 0;
}
.hamburger_bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9998;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
}
.hamburger_bg.on {
  opacity: 1;
  visibility: visible;
}



/* 메인 */
.main {
  margin-top: 13vw;
}
.swiper_main {
  height: calc(100vh - 15vw);
}
.main_slide{
  height: 100%;
}
.main_menu {
  padding: 13vw 0;
}
.title {
  font-size: 6.8vw;
}
.btn_title {
  margin-bottom: 6vw;
}
.btn_wrap {
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 8vw;
  row-gap: 3vw;
}
.menu_btnwrap {
  margin-bottom: 8vw;
}
.menu_btn {
  width: 14.7vw !important;
}
.btn_box {
  width: 20vw;
  font-size: 4vw;
}
/* .menu_btn:nth-child(5){
  border-left: 1px solid var(--main-gray2);
} */
.swiper_menu, .swiper_news {
  width: 95%;
  transform: translateY(4vw);
}
.swiper_menu_slide {
  width: 44vw;
  height: 60vw;
  border-radius: 3vw;
  padding-top: 6vw;
  position: relative;
}
.swiper_menu_slide_tt01 {
  font-size: 4.2vw;
  margin-bottom: 2vw;
}
.swiper_menu_slide_tt02 {
  width: 90%;
  text-align: center;
  line-height: 1.5;
  font-size: 3.1vw;
  margin-bottom: 2vw;
}
.swiper_menu_slide_tt04 {
  text-align: center;
  width: 90%;
}
.swiper_menu_slide_img {
  width: 74vw;
  height: 75vw;
  position: absolute;
  top: 20vw;
}
.swiper_menu_btn {
  bottom: 11%;
  display: none;
}
.swiper_menu_prev {
  left: 43%;
}
.swiper_menu_next {
  right: 43%;
}
.swiper_arrow {
  width: 2.7%;
}
.main .swiper-pagination-bullet {
  width: 1.6vw;
  height: 1.6vw;
}
.swiper_main_pagination {
  gap: 1vw;
  top: 94% !important;
}
.main_news {
  padding: 13vw 0 10vw 0;
}
.swiper_news_slide {
  width: 44vw;
  height: 62vw;
  border-radius: 3vw;
}
.swiper_news_slide_img {
  height: 44vw;
}
.swiper_news_slide_ttbox {
  height: 18vw;
  gap: 2vw;
}
.swiper_news_slide_tt01 {
  font-size: 3.5vw;
}
.swiper_news_slide_tt02 {
  font-size: 3.4vw;
}
.main_news .news_btnwrap  {
  margin-bottom: 8vw;
}
.news_btn {
  width: 26vw;
}
.swiper_news_btn {
  bottom: 9%;
  display: none;
}
.swiper_news_prev {
  left: 43%;
}
.swiper_news_next {
  right: 43%;
}
.swiper_main_box_img {
  width: 80% !important;
  height: 52vw;
  margin-bottom: 2.4vw;
}
.swiper_main_box_shodow{
  bottom: 10%;
  right: -29%;
}
.swiper_main_box_slide {
  width: 48vw;
}
.swiper_main_box_tt01 {
  font-size: 3.6vw;
  margin-bottom: 1.6vw;
}
.swiper_main_box_tt02 {
  font-size: 3.3vw;
}
.main_banner {
  padding: 13vw 0;
}
.banner_title {
  margin-bottom: 6vw;
}
.main_banner_con {
  width: 80%;
  flex-direction: column;
  gap: 4vw;
}
.main_banner_con_box {
  width: 100%;
  height: 22vw;
  border-radius: 3vw;
}
.main_banner_con_tt {
  margin-left: 9vw;
  font-size: 4vw;
}
.main_banner_con_img {
  margin-right: 9vw;
}
.main_app {
  padding: 13vw 0;
}
.app_title {
  margin-bottom: 10vw;
}
.main_app_con {
  flex-direction: column;
  gap: 8vw;
}
.acon05_02 {
  width: 60%;
}
.main_app_con_box {
  width: 100%;
}
.main_app_con_box_top {
  justify-content: center;
  gap: 4vw;
  margin-bottom: 6vw;
}
.main_app_con_tt {
  font-size: 3.6vw;
}
.main_app_con_box_btm {
  justify-content: center;
  gap: 2vw;
}
.acon05_04, .acon05_05 {
  width: 38%;
}
.main_form {
  padding: 13vw 0;
  background-attachment:unset;
}
.main_form_con_tt01 {
  font-size: 7.6vw;
  margin-bottom: 3vw;
}
.main_form_con {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main_form_con_tt02 {
  width: 100%;
  font-size: 3.8vw;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 6vw;
}
.main_form_btn {
  width: 41vw;
  padding: 2.8vw 0;
  gap: 4vw;
  font-size: 3.8vw;
}
.acon06_01 {
  width: 9%;
}





/* 브랜드 */
.sub_page_top {
  margin-top: 13vw;
  padding-top: 10vw;
}
.brand_story_con01 {
  padding: 10vw 0;
}
.bcon01_01 {
  width: 48%;
  margin-bottom: 6vw;
}
.brand_story_con01_tt01 {
  font-size: 4.4vw;
  margin-bottom: 3vw;
}
.sub {
  font-size: 3.5vw;
}
.brand_story_con02 {
  padding: 13vw 0 0 0;
}
.brand_story_con02_title {
  font-size: 7.8vw;
  font-weight: 800;
}
.brand_story_con02_tt01 {
  font-size: 4.6vw;
  margin-bottom: 4vw;
}
.brand_story_con02_tt02{
  margin-bottom: 6vw;
}
.bcon02_01 {
  width: 90%;
  border-radius: 2vw;
}
.brand_story_con03_title {
  font-size: 6.4vw;
  margin-bottom: 8vw;
}
.brand_story_con03_con {
  width: 90%;
  flex-wrap: wrap;
}
.brand_story_con03_con_tt01 {
  font-size: 3.8vw;
  margin-bottom: 3vw;
}
.brand_story_con03_con_tt02 {
  font-size: 3.3vw;
}
.brand_story_con03_con_box {
  width: 48vw;
  height: 48vw;
  margin: -2vw -2vw;
}
.brand_story_con03 {
  padding: 13vw 0 0 0;
}
.brand_story_con04 {
  padding: 15vw 0 0 0;
}
.brand_story_con04_title  {
  font-size: 6.4vw;
  margin-bottom: 6vw;
}
.brand_story_con04_con {
  width: 90%;
}
.brand_story_con04_con_box {
  border-radius: 3vw;
  padding: 6vw 0;
}
.brand_story_con04_con_tt01 {
  font-size: 4.4vw;
  margin-bottom: 2vw;
  text-align: center;
}
.brand_story_con04_con_tt02 {
  font-size: 3.4vw;
  margin-bottom: 6vw;
  text-align: center;
  line-height: 1.5;
}
.brand_story_con04_con_box.this {
  margin-bottom: 4vw;
}
.brand_conwrap {
  padding-bottom: 13vw;
}
.brand_history, .brand_history_in {
  height: auto;
}
.brand_history_year{
  display: none;
}
.brand_history_con {
  width: 80%;
  gap: 2vw;
}
.brand_history_con_tt01 {
  width: 7vw;
  font-size: 3.8vw;
}
.brand_history_con_tt02 {
  font-size: 3.2vw;
}
.brand_history_con_box{
  margin-bottom: 10vw;
}
.brand_history_con_box_row {
  padding: 2.4vw 0;
  margin-left: 0;
  gap: 5vw;
}
.brand_history_mob_title{
  font-size: 8vw;
  font-weight: 800;
  color: var(--main-red);
  margin:  0 auto;
}
.brand_history_mob_title span{
  opacity: 0.4;
}
.brand_btnwrap {
  margin-bottom: 12vw;
}




/* 메뉴 */
.swiper_menuwrap {
  margin-bottom: 0;
}
.swiper_menuwrap_in {
  width: 100%;
  gap: 3vw;
  transform: translateY(2vw);
}
.menu_btnwrap.this {
  margin-bottom: 10vw;
}
.menu_popup_box {
  width: 91vw;
  padding: 6vw 0 6vw 0;
  border-radius: 4vw;
  gap: 4vw;
  flex-direction: column;
  align-items: center;
}
.menu_popup_img {
  width: 50%;
}
.menu_popup_box_right {
  width: 85%;
  text-align: center;
}
.menu_popup_btn {
  width: 5%;
  top: 3%;
  right: 5%;
}
.menu_popup_tt01 {
  font-size: 5vw;
  margin-bottom: 1vw;
}
.menu_popup_tt02 {
  font-size: 3.6vw;
  margin-bottom: 2vw;
}
.menu_popup_tt03 {
  font-size: 3.4vw;
  margin-bottom: 6vw;
}
.menu_popup_slide {
  width: 18vw;
  gap: 1vw;
}
.menu_popup_slidebox {
  border-radius: 2vw;
  padding: 4vw 0;
  margin-bottom: 4vw;
}
.menu_popup_slide_tt {
  font-size: 3.2vw;
}
.menu_popup_allergybox {
  border-radius: 2vw;
}
.menu_popup_allergybox_tt01 {
  padding: 2vw 0;
  font-size: 3.5vw;
}
.menu_popup_slide_img {
  width: 85%;
}
.swiper_menupopup_btn {
  width: 3.6%;
}
.swiper_menupopup_next {
  right: -5.8%;
}
.swiper_menupopup_prev {
  left: -5.8%;
}
.menu_popup_allergybox_tt02 {
  font-size: 3.2vw;
  padding: 2vw 0;
}



/* 메장찾기 */
.store_title {
  margin-bottom: 14vw;
}
.sido {
  width: 25%;
  font-size: 3.5vw;
  background-size: 16%;
}



/* 새소식 */
.swiper_news_box .news_box {
  /* width: 36vw; */
  text-align: center;
}
.swiper_newswrap {
  margin-bottom: 0;
}
.swiper_newswrap_in {
  width: 91%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 3vw;
}
.news_box_in {
  width: 90%;
  row-gap: 3vw;
}
.news_box {
  width: 50%;
}
.news_box_tt01 {
  font-size: 3.4vw;
  margin-bottom: 2vw;
}
.news_box_tt02 {
  font-size: 3.2vw;
}
.swiper_news_box{
  width: 100%;
}
.news_box.this{
  width: 48%;
}
.news_box_img{
  height: 48vw;
}
.swiper_news_box .news_box_img {
  width: 100%;
  height: 42vw;
}
.swiper_news_box  {
  height: 95vw;
}
.swiper_news_box .swiper-slide-active {
  z-index: 5;
}
.news_conbox {
  margin-top: 8vw;
}
.news_conbox.news_boxwrap {
  height: auto;
}
.news_box_slidewrap {
  width: 100%;
  margin-top: 4vw;
}
.news_btnwrap{
  margin-bottom: 2vw;
}
.swiper_news_box_btn {
  top: -4%;
  width: 3.3%;
  display: none;
}
.swiper_news_box_prev {
  left: 40%;
}
.swiper_news_box_next {
  right: 40%;
}
.swiper_news_box p{
  opacity: 0;
  transition: 0.3s;
}
.swiper_news_box .news_box_img{
  opacity: 0.5;
  margin-bottom: 3vw;
  }
.swiper_news_box .swiper-slide-active p{
  opacity: 1;
}
.swiper_news_box .swiper-slide-active .news_box_img{
  opacity: 1;
}
.news_box_tt03 {
  font-size: 3vw;
}
.news {
  padding: 13vw 0;
}
.news_noticewrap_in {
  width: 92%;
  row-gap: 3vw;
}
.swiper_notice_slide {
  width: 44vw;
  height: 62vw;
  border-radius: 3vw;
}
.swiper_notice_slide_img {
  height: 44vw;
}
.swiper_notice_slide_tt01 {
  font-size: 3.5vw;
}
.swiper_notice_slide_ttbox {
  height: 18vw;
  gap: 2vw;
}
.swiper_notice_slide_tt02 {
  font-size: 3.4vw;
}



/* 커뮤니티 */
.community_con01{
  margin-top: 8vw;
}
.franchise_subtt {
  font-size: 3.8vw;
}
.community_con01_con {
  width: 90%;
  row-gap: 3vw;
}
.community_con01_con_box {
  width: 100%;
  height: 26vw;
  border-radius: 3vw;
  gap: 4vw;
}
.community_con01_con_img {
  width: 26vw !important;
  height: 26vw;
}
.community_con01_con_tt01 {
  font-size: 3.3vw;
  padding: 0.6vw 1.5vw;
  border-radius: 1vw;
  margin-bottom: 2vw;
}
.community_con01_con_tt02 {
  font-size: 3.8vw;
  margin-bottom: 3vw;
}
.community_con01_con_tt03 {
  font-size: 3.2vw;
}

.community_con01 {
  padding-bottom: 13vw;
}
.community_con02 , .community_con03 {
  margin-top: 8vw;
}
.community_con02_con {
  width: 90%;
}
.community_con02_con_tt {
  font-size: 4.2vw;
}
.community_con02_con_box {
  width: 48%;
  border-radius: 3vw;
  padding: 7vw 0 7vw 0;
  gap: 6vw;
  justify-content: space-between;
}
.community_con01_tt01 {
  margin-bottom: 3vw;
}
.community_con01_tt02 {
  margin-bottom: 8vw;
}

.community_con02_tt01 {
  margin-bottom: 3vw;
}
.community_con02_tt02 {
  margin-bottom: 8vw;
}

.community_con03_tt01 {
  margin-bottom: 3vw;
}
.community_con03_tt02 {
  margin-bottom: 8vw;
}

.community_con02 {
  padding-bottom: 13vw;
}
.community_con03 {
  padding-bottom: 13vw;
}
.community_con03_con {
  width: 90%;
  border-radius: 4vw;
}
.community_con02_popup .community_con02_popup01_form {
  padding: 6vw 0;
}
.community_con02_popup01_form {
  padding: 8vw 0;
}
.community_con02_popup01_form_in {
  width: 82%;
}
.community_con03 :is(.form_input_00, .form_input_01, .form_input_02, .form_input_03, .form_input_04) {
  width: 54vw;
}
.community_con02_popup01_form_in .form label::before {
  left: -3vw;
}
.form_col_wrap {
  flex-direction: column;
  gap: 3vw;
}
.community_con03_con .form_input_box{
  justify-content: space-between;
}
.community_con02_popup  .form_input_box{
  justify-content: space-between;
}
:is(.community_con02_popup, .community_con03_con) .form_submit_div {
  padding: 3vw 0;
  font-size: 4vw;
}
.community_con02_popup01_box {
  width: 90%;
  border-radius: 3vw;
}
.community_con02_popup_tt {
  padding: 4vw 0;
  font-size: 4.4vw;
}
.popup_btn {
  width: 4%;
}
.community_con02_popup_btn {
  top: 4.7%;
  right: 6%;
}
.community_con02_popup01 .form_col {
  height: 8vw;
}
.community_con03_con .community_con02_popup01_form_in{
  width: 80%;
}
.community_con02_popup01 :is(.form_input_01,.form_input_02,.form_input_03,.form_input_04,.form_input_07){
  width: 54vw !important;
}
.community_con02_popup01 .form_input_05 {
  margin-left: 6.7vw;
  margin-right: 1.4vw;
}
.community_con02_popup01 :is(.form_input_05, .form_input_06) {
  width: 36%;
  height: 8vw !important;
}
input[type='date'] {
  background-size: 16%;
}
.community_con02_popup01 .form_col04 {
  height: auto !important;
}
.community_con02_popup01 .form_col03 .form_input_box {
  justify-content: space-between;
}
.community_con02_popup02 :is(.form_input_01,.form_input_02,.form_input_03,.form_input_04){
  width: 54vw !important;
}
.form_col03_in{
  width: 54vw;
  display: flex;
  justify-content: space-between;
  gap: 2vw;
}
.form_col03_in input{
  width: 50% !important;
  height: 8vw;
}


.community_con01_popup_box {
  width: 90%;
  border-radius: 3vw;
  padding: 8vw 6vw;
  box-sizing: border-box;
}
.community_con01_popup_tt01 {
  font-size: 4.4vw;
  margin-bottom: 2vw;
}
.community_con01_popup_tt02 {
  font-size: 3.4vw;
  margin-bottom: 6vw;
}
.community_con01_popup_btm {
  flex-direction: column;
  align-items: center;
  gap: 6vw;
}
.community_con01_popup_top {
  margin-bottom: 6vw;
}
.community_con01_popup_img {
  width: 64vw !important;
  height: 38vw;
  border-radius: 3vw;
}
.community_con01_popup_tt {
  width: 90%;
  font-size: 3.4vw;
  text-align: center;
}
.community_con01_popup_btn {
  top: 6%;
  right: 6%;
}






/* 프랜차이즈 */
.franchise_btnwrap {
  height: 18vw;
  margin-bottom: 4vw;
}
.franchise_btnwrap_in {
  height: 15vw;
  flex-wrap: wrap;
  row-gap: 2vw;
  padding: 2vw 0;
  box-sizing: border-box;
}
.franchise_btnwrap_in.drop {
  top: 12vw;
  z-index: 9998;
}
.franchise_btnwrap_in.insert {
  top: 12vw;
  z-index: 9998;
}
.franchise_btn  {
  width: auto;
  height: 6vw;
  line-height: 6vw;
  padding: 0 2.4vw;
}
.franchise_btn.on{
  font-weight: 700;
  color: var(--main-red);
}
/* .franchise_btn:last-child {
  border-left: 1px solid var(--main-gray2);
} */
.franchise_video {
  height: 54vw;
}



.franchise_con01 {
  padding: 13vw 0;
}
.franchise_title {
  font-size: 6.2vw;
  margin-bottom: 2vw;
}
.franchise_subtitle {
  font-size: 4vw;
  margin-bottom: 4vw;
}
.franchise_con01_slide_tt01 {
  margin-bottom: 1vw;
  font-size: 3.8vw;
  opacity: 0;
}
.franchise_con01_slide_tt02 {
  font-size: 3.2vw;
  opacity: 0;
}
.swiper-slide-active :is(.franchise_con01_slide_tt01 , .franchise_con01_slide_tt02) {
  opacity: 1;
}
.swiper-slide-active .franchise_con01_img {
  scale: 1;
  margin-bottom: 3vw;
}
.swiper-slide-active .franchise_con01_slide {
  scale: 1.15;
}
.swiper_franchise_con01 {
  height: 70vw;
  padding-top: 6vw;
}
.franchise_con01_img2 {
  width: 50%;
  top: -8%;
  right: -6%;
}




.franchise_con02 {
  padding: 13vw 0;
}
.franchise_con02_bg {
  width: 90%;
  border-radius: 3vw;
}
.gcon02_01 {
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.gcon02_01 img{
  scale: 1.1;
}
.franchise_con02_tt03{
  margin-bottom: 3vw;
}



.franchise_con03 {
  padding: 15vw 0;
}
.franchise_con03_tt03{
  margin-bottom: 6vw;
}
.franchise_con03_tt04 {
  font-size: 3.8vw;
  text-align: center;
  line-height: 1.5;
  padding: 3vw 8vw;
  border-radius: 3vw;
  margin-bottom: 10vw;
}
.franchise_con03_slide {
  width: 92%;
  border-radius: 3vw;
}
.franchise_con03_slide.this {
  transform: translateY(6vw);
}
.swiper_franchise_con03 {
  padding-bottom: 8vw;
}

.franchise_con04 {
  padding-top: 15vw;
}
.franchise_con05 {
  padding-top: 15vw;
}
.franchise_con04, .franchise_con05 {
  padding-bottom: 15vw;
}
.franchise_con04_tt03{
  margin-bottom: 8vw;
}
.franchise_con04_slide {
  border-radius: 2.4vw;
}
.franchise_con04_tt01 {
  margin-bottom: 3vw;
}



.franchise_con05_tt03{
  margin-bottom: 24vw;
}
.franchise_con05_video {
  width: 90%;
  height: 58vw;
  border-radius: 4vw;
  margin-bottom: 3vw;
}
.gcon05_01 {
  width: 26%;
  left: 5%;
}
.gcon05_03 {
  width: 19%;
  left: 5%;
}
.gcon05_05 {
  width: 33%;
  right: 5%;
}
.franchise_con05_btm {
  width: 90%;
  border-radius: 4vw;
  padding: 8vw 0;
  flex-direction: column;
  text-align: center;
  gap: 5vw;
}
.franchise_con05_btm_tt01 {
  font-size: 4.2vw;
  margin-bottom: 3vw;
}
.franchise_con05_btm_tt02 {
  font-size: 3.6vw;
}
.gcon05_07 {
  width: 87%;
}
.gcon05_08_1 {
  width: 48%;
  top: -40%;
  right: 24%;
}




.franchise_con06 {
  padding-bottom: 13vw;
}
.franchise_con06_tt02{
  text-align: center;
  line-height: 1.5;
}
.franchise_con06_tt01 {
  margin-bottom: 3vw;
}
.franchise_con06_tt03 {
  margin-bottom: 6vw;
}
.franchise_con06_tt04 {
  width: fit-content;
  text-align: center;
  font-size: 3.8vw;
  text-align: center;
  line-height: 1.5;
  padding: 3vw 8vw;
  border-radius: 3vw;
  margin-bottom: 10vw;
  white-space: nowrap;
}
.franchise_con06_con {
  width: 90%;
  padding: 8vw 0 10vw 0;
  border-radius: 3vw;
  gap: 12vw;
  flex-direction: column;
  align-items: center;
}
.franchise_con06_con_tt01 {
  font-size: 4.5vw;
  margin-bottom: 3vw;
}
.franchise_con06_con_tt02 {
  font-size: 3.8vw;
}
.franchise_con06_con_box {
  width: 80%;
}
.gcon06_01_1 {
  margin: 0 auto;
}
:is(.gcon06_01_2, .gcon06_01_4) {
  border-radius: 2vw 2vw 0 0;
  width: 18%;
  bottom: 15.7%;
}
:is(.gcon06_01_2, .gcon06_01_4) > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2vw 2vw 0 0;
}
.gcon06_01_2{
  height: 20vw;
  /* background-color: #D1BFB1; */
}
.gcon06_01_4{
  height: 40vw;
  /* background-color: var(--main-red); */
}
.gcon06_01_1_tt {
  top: -6vw;
  font-size: 3.4vw;
}
.gcon06_01_1 {
  width: 100%;
}
.gcon06_01_3 {
  width: 169%;
  left: -114%;
  top: 26%;
}
.gcon06_01_5 {
  width: 207%;
  left: 27%;
  top: 7%;
}
.franchise_con06_con_box.right .franchise_con06_con_tt02 {
  margin-bottom: 6vw;
}
.franchise_con06_con_right_box_top_tt {
  font-size: 3.8vw;
}
.franchise_con06_con_right_box_top {
  border-radius: 2vw;
  padding: 5vw 0;
  box-sizing: border-box;
  margin-bottom: 6vw;
  gap: 4vw;
}
.franchise_con06_con_right_box_top_graph {
  width: 36%;
  height: 6vw;
  border-radius: 0 1.4vw 1.4vw 0;
}
.franchise_con06_con_right_btm_row_tt {
  font-size: 3.6vw;
}
.franchise_con06_con_right_btm_graph {
  height: 6vw;
  border-radius: 0 1.4vw 1.4vw 0;
  margin: 0 5vw 0 8vw;
}
.franchise_con06_con_right_btm_graph.item1 {
  width: 20vw;
}
.franchise_con06_con_right_btm_graph.item2 {
  width: 16vw;
}
.franchise_con06_con_right_btm_graph.item3 {
  width: 14vw;
}
.franchise_con06_con_right_btm_graph.item4 {
  width: 11vw;
}
.franchise_con06_con_right_btm_graph.item5 {
  width: 8vw;
}
.franchise_con06_con_right_box_btm_row .franchise_con06_con_right_btm_row_tt:first-child {
  width: 6vw;
}
.franchise_con06_con_right_box_btm {
  gap: 3vw;
}





.franchise_con07 {
  padding: 13vw 0;
  background-attachment: unset;
}
.franchise_con07_tt02 {
  margin-bottom: 8vw;
}
.franchise_con07_con {
  display: none;
}
.franchise_con07_con_box {
  width: 58vw;
  height: 58vw;
  border: 4vw solid rgba(255, 255, 255, 0.4);
  margin: -2vw 0;
}
.franchise_con07_con_tt01 {
  font-size: 5.2vw;
  margin: 3vw 0 1vw 0;
}
.franchise_con07_con_tt02 {
  font-size: 8vw;
  margin-bottom: 2vw;
}
.franchise_con07_con_tt03 {
  font-size: 3.5vw;
}
.swiper_franchise_con07{
  width: 100%;
  height: 70vw;
}
.gcon07_graph {
  /* opacity: 0; */
}
.gcon07_graph.this {
  margin-bottom: 1vw;
}
.franchise_con07_con_tt03.this{
  margin-bottom: 2vw;
}
.gcon07_graph.graph_rt {
  rotate: 135deg;
  margin-top: 2vw;
  margin-right: 2vw;
}



.franchise_con08 {
  padding: 13vw 0 11vw 0;
}
.gcon08_01 {
  width: 37%;
  margin-bottom: 4vw;
}
.franchise_con08_tt01 {
  margin-bottom: 3vw;
}
.franchise_con08_tt02 {
  margin-bottom: 8vw;
}



.franchise_con09 {
  padding: 15vw 0 4vw 0;
}
.franchise_con09_tt01{
  margin-bottom: 3vw;
}
.franchise_con09_tt03 {
  margin-bottom: 8vw;
}
.gcon09_01 {
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 6vw;
}
.gcon09_01 {
  width: 80%;
  margin-bottom: 0vw;
}
.gcon09_02 {
  width: 49.3%;
  left: 1.2%;
  top: 54.5%;
}
.swiper_franchise_con09 {
  padding: 6vw 0;
}
.franchise_con09_slide {
  width: 90%;
  border-radius: 3vw;
}
.gcon09_bg {
  width: 200%;
}



.franchise_con10 {
  padding: 13vw 0 15vw 0;
}
.franchise_con10_con {
  flex-direction: column;
  gap: 6vw;
}
.franchise_con10_con_box {
  width: 100%;
  align-items: center;
  gap: 1.5vw;
  text-align: center;
}
.franchise_con10_con_row {
  justify-content: center;
  gap: 3vw;
}
.gcon10_03 {
  width: 65%;
}
.franchise_con10_con_box {
  gap: 4vw;
}
.franchise_con10_tt02 {
  text-align: center;
  margin-bottom: 2vw;
}
.gcon10_05, .gcon10_06 {
  width: 35%;
}
.swiper_franchise_con10 {
  width: 50%;
  left: -72%;
  opacity: 0.4;
  pointer-events: none;
}
.swiper_franchise_con10_02 {
  width: 50%;
  left: auto;
  right: -15%;
  opacity: 0.4;
  pointer-events: none;
}
.gcon10_04 {
  width: 16%;
}




.franchise_con11 {
  padding: 13vw 0;
}
.franchise_con11_tt01 {
  margin-bottom: 3vw;
}
.franchise_con11_tt02 {
  margin-bottom: 6vw;
}
.franchise_con11_btnwrap {
  gap: 2vw;
  flex-wrap: wrap;
  row-gap: 3vw;
}
.franchise_con11_btn {
  font-size: 3.6vw;
  padding: 2vw 4vw;
}
.franchise_con12 {
  padding: 13vw 0 8vw 0;
}
.franchise_marketing_tt01 p {
  font-size: 4.2vw;
  padding: 2vw 4vw;
}
.franchise_marketing_tt01 {
  margin-bottom: 4vw;
}
.franchise_marketing_tt02 {
  font-size: 3.8vw;
  margin-bottom: 6vw;
  line-height: 1.5;
}
.franchise_marketing_tagwrap {
  flex-wrap: wrap;
  gap: 2vw;
}
.franchise_marketing_tag {
  font-size: 3.6vw;
  padding: 1.6vw 3vw;
}
.franchise_marketing_tagwrap.item1 {
  margin-bottom: 8vw;
}
.franchise_con12_slide {
  width: 46vw;
  padding: 4vw 0 5vw 0;
  border-radius: 4vw;
}
.franchise_con12_slide_tt01 {
  font-size: 3.6vw;
  margin-bottom: 2vw;
}
.franchise_con12_slide_img {
  border-radius: 3vw;
  margin-bottom: 4vw;
}
.franchise_con12_slide_tt02 {
  font-size: 3.3vw;
}
.franchise_con12_slide.this {
  transform: translateY(6vw);
}
.swiper_franchise_con12 {
  padding-bottom: 10vw;
}



.franchise_con13 {
  padding: 13vw 0;
}
.franchise_marketing_tagwrap.item2 {
  width: 80%;
  margin-bottom: 8vw;
}
.gcon13_01 {
  width: 42%;
  margin-left: 16vw;
}
.gcon13_02 {
  width: 49%;
  margin-left: 40vw;
}
.gcon13_03 {
  width: 51%;
  margin-left: 2vw;
}
.swiper_franchise_con13 {
  width: 60%;
  left: 4.5%;
}
.gcon13_bg {
  width: 300%;
}


.franchise_con14 {
  padding: 13vw 0 0 0;
}
.franchise_marketing_tagwrap.item3 {
  margin-bottom: 6vw;
}
.franchise_con14_tt03 {
  font-size: 5.2vw;
  gap: 2vw;
  margin-bottom: 4vw;
}
.gcon14_01 {
  width: 5.4%;
}
.gcon14_12 {
  width: 50.7%;
  bottom: -1vw;
}
.franchise_con14_slide {
  border-radius: 5vw;
  width: 92%;
}
.swiper_franchise_con14 {
  transform: translateY(6vw);
}



.franchise_con15 {
  padding: 13vw 0;
}
.franchise_marketing_tagwrap.item4 {
  margin-bottom: 10vw;
}
.swiper_franchise_con15 img {
  display: block;
  height: auto;
  max-width: 100%; /* 반응형 이미지 */
}
.franchise_con15_slide_tt01 {
  font-size: 3.8vw;
  margin-bottom: 2vw;
}
.franchise_con15_slide_tt02 {
  font-size: 3.4vw;
}
.franchise_con15_slide_img {
  margin-bottom: 4vw;
  border-radius: 4vw;
}



.franchise_con16 {
  padding: 13vw 0 0 0;
}
.franchise_con16_tt01{
  text-align: center;
  margin-bottom: 3vw;
}
.franchise_con16_con {
  display: none;
}
.franchise_con16_con_box {
  width: 92%;
}
.swiper_franchise_con16_m{
  width: 100%;
  margin-bottom: 10vw;
}
.franchise_con16_tt02 {
  margin-bottom: 15vw;
}
.franchise_con16_swiperwrap {
  padding: 4vw 0;
}
.swiper_franchise_con16 {
  margin-bottom: 3vw;
}
.swiper_franchise_con16_btn{
  width: 8%;
  bottom: 36%;
  cursor: pointer;
  z-index: 5;
  display: none;
}
.swiper_franchise_con16_prev{
  left: 13%;
  transform: rotate(180deg);
}
.swiper_franchise_con16_next{
  right: 13%;

}




.franchise_con17 {
  padding: 13vw 0 15vw 0;
}
.franchise_con17_tt03 {
  margin-bottom: 8vw;
}
.swiper_franchise_con17 {
  width: 90%;
  border-radius: 3vw;
  margin-bottom: 4vw;
}
.swiper_franchise_con17_02 {
  width: 90%;
  height: 25vw;
  margin-bottom: 15vw;
}
.swiper_franchise_con17_02 .franchise_con17_slide {
  border-radius: 2.6vw;
}
.swiper_franchise_con17_btn {
  width: 8%;
  bottom: 69.6%;
}
.swiper_franchise_con17_prev {
  left: 2%;
}
.swiper_franchise_con17_prev img{
  rotate: 180deg;
}
.swiper_franchise_con17_next {
  right: 2%;
}
.swiper_franchise_con17_next img{
  rotate: 180deg;
}
.franchise_con17_btm_con{
  display: none;
}
.franchise_con17_btm_img {
  width: 80%;
}
.franchise_con17_tt04 {
  margin-bottom: 8vw;
}
.swiper_franchise_con17_m{
  width: 100%;
}
.swiper_franchise_con17_m_btn {
  width: 8%;
  z-index: 5;
  top: 74%;
}
.swiper_franchise_con17_m_prev {
  left: 6%;
}
.swiper_franchise_con17_m_next {
  right: 6%;
  rotate: 180deg;
}
:is(.swiper_franchise_con17_m_prev, .swiper_franchise_con17_m_next) img{
  rotate: 180deg;
}
.franchise_con18_tt02 {
  margin-bottom: 8vw;
}
.franchise_con18_con{
  display: none;
}
.swiper_franchise_con18_m{
  width: 100%;
}
.franchise_con18_con_img {
  width: 92%;
}
.franchise_con18 {
  padding-bottom: 15vw;
}
.franchise_con18_tt01 {
  margin-bottom: 3vw;
}
.franchise_con19_tt01 {
  margin-bottom: 6vw;
}
.franchise_con19_con {
  width: 90%;
}
.franchise_con19_con_tt01, .franchise_con19_con_tt02 {
  font-size: 3.5vw;
}
.franchise_con19_con_Q {
  padding: 3vw 0;
}
.gcon18_07 {
  width: 3.8%;
  margin-right: 3.5vw;
}
.franchise_con19_con_tt01 {
  margin: 0 2vw 0 3.5vw;
}
.franchise_con19_con_A {
  padding: 5vw 0;
}
.franchise_con19_con_A_in{
  gap: 2vw;
}
.franchise_con19_con_tt03 {
  font-size: 3.4vw;
  line-height: 1.5;
}



.franchise_con19 {
  padding-bottom: 15vw;
}
.franchise_con20_tt01 {
  margin-bottom: 3vw;
}
.franchise_con20_tt02 {
  margin-bottom: 6vw;
}
.franchise_con20_btn  {
  width: 40vw;
  font-size: 4vw;
  padding: 2vw 0;
  border-radius: 1.4vw;
}
.franchise_con20_btnwrap {
  gap: 2vw;
}
.franchise_con20_conwrap {
  width: 90%;
}
.franchise_con20_con_sub{
  font-size: 3.3vw;
  width: 100%;
  text-align: center;
  bottom: -7vw;
}
.franchise_con20_con_row.topbtm {
  padding: 3vw 0;
}
.franchise_con20_con_tt01 {
  font-size: 3.5vw;
}
.franchise_con20_con_tt02 {
  font-size: 3.2vw;
  padding: 2vw 0;
}
.franchise_con20_con_row_item2{
  padding: 0 2vw;
}
.franchise_con20_con_row_item2 .franchise_con20_con_tt02 {
  text-align: center;
}
.franchise_con20_con_row_item1 {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.franchise_con20_con_row_item2 {
  width: 50%;
}
.franchise_con20_con_row_item3 {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.franchise_con20_con_row.topbtm .franchise_con20_con_row_item1 {
  width: 30%;
}
.franchise_con20_con_row.topbtm .franchise_con20_con_row_item3 {
  width: 30%;
}
.franchise_con20 {
  padding-bottom: 17vw;
}
.franchise_con20_con_row.top {
  padding: 3vw 0;
}
.franchise_con20_con_row.btm {
  height: 10vw;
}
.btm .franchise_con20_con_row_item1 {
  width: 100%;
  gap: 1vw;
}
.franchise_con20_con_tt01 span {
  font-size: 5vw;
  margin-right: 0.8vw;
  line-height: 1;
}





.franchise_con21_tt01 {
  margin-bottom: 3vw;
}
.franchise_con21_tt02 {
  margin-bottom: 4vw;
}
.gcon20_01 {
  width: 62%;
  margin-bottom: 10vw;
}
.franchise_con21 {
  padding-bottom: 13vw;
}
.area_tt {
  display: none;
}
























   /* map */
   .map_mid_2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 90%;
    margin-bottom: 35%;
  }

  .sido1 {
    width: 25%;
    height: 80%;
  }
  .naver {
    width: 40%;
    margin-top: 6vw;
  }

  .map {
    width: 100%;
    height: 60vw;
    border-radius: 0vw;
    margin-bottom: 6vw;
  }
  .map_search {
    width: 5% !important;
    right: 5%;
  }
  .map_mid_map_search_mid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 91%;
    height: 12vw;
    padding: 0% 4%;
    box-sizing: border-box;
    margin: auto;
    z-index: 3;
    top: -6vw;
    /* background-color: #fff; */
    border-radius: 2vw;
    overflow: hidden;
  }
  .map_mid_map_search {
    position: relative !important;
    width: 100%;
    background: white;
    height: 89vw;
    top: 5%;
    z-index: 0;
    overflow: hidden;
    border-radius: 0;
    left: 0;
    transform: translateY(0);
    border: none;
  }
  .map_mid_map_search_top > div {
    color: #000;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5%;
    padding-bottom: 3%;
    font-size: 3.2vw;
  }
  .map_mid_map_search_mid input {
    appearance: none;
    border: none;
    outline: none;
    height: 100%;
    padding-left: 5%;
    font-size: 3vw;
  }

  .map_mid_map_search_item {
    width: 90%;
    margin: 0% auto;
    border-bottom: 1px solid #808080a3;
    padding: 4vw 0 5vw 0;
    font-size: 3.4vw;
    box-sizing: border-box;
  }
  .map_mid_map_search_item_title {
    font-size: 4.3vw;
    font-weight: 700;
  }
  .map_mid_map_search_bottom {
    overflow: scroll;
    height: 87.5vw;
    width: 95%;
    margin: 0 auto;
  }
  .map_link {
    width: 43%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3vw;
  }
  .map_plus {
    width: 9%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 47%;
    bottom: 4.6vw;
    cursor: pointer;
}




   /* form */
   .form_col .red {
    top: 0%;
    left: -2.5vw;
    font-size: 4vw;
  }
  div.form_wrap {
    width: 90%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    border-radius: 3vw;
    padding-top: 8vw;
    padding-bottom: 10vw;
    font-size: 3.8vw;
    margin: 0 auto;
  }
  .form label {
    font-size: 3.5vw;
}
.form_input {
  font-size: 3.5vw;
  border-radius: 1vw;
  padding-left: 2vw;
}
.form_input_01, .form_input_02, .form_input_03, .form_input_04, .form_input_05 {
  width: 73%;
}
.form_wrap .red.this {
  top: -45%;
  right: 59.5%;
}
.form_sub {
  font-size: 3.2vw;
  width: 90%;
  margin-bottom: 2vw;
}
  .form {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: "SUIT-Regular";
    gap: 3vw;
  }
  .form_col {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 8vw;
  }
  .form_star {
    top: 14%;
    left: -0.7vw;
    color: #ef823a;
  }
  .form_star_top {
    top: -25%;
    left: 38.4vw;
  }
  .form_top {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #0000007a;
    padding-bottom: 2.5vw;
  }
  .form_check_wrap{
    width: 73%;
    gap: 1vw;
  }
  .form_check_wrap01 label {
    width: fit-content;
    height: 4.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: #000;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #0000007a;
    padding: 0 0.7vw;
  }
  .footeer_agree_checkbox_01,
  .footeer_checkbox_05,
  .footeer_checkbox_06 {
    width: 3vw;
    height: 3vw;
    outline: 1px solid #000;
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: transparent;
    border-radius: 50%;
    margin-right: 1.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* .footeer_agree_checkbox_01 {
    border-radius: 0%;
  }
  .footeer_agree_checkbox_01:checked::before {
    border-radius: 0%;
  } */
  /* .footeer_checkbox_05 {
    margin-right: 12vw;
  } */
  .form_check_name_05,
  .form_check_name_06 {
    margin-right: 6vw;
    font-size: 3.8vw;
  }
  .form_input_06{
    width: 65%;
  }
  .form_agree_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.2vw;
    margin: 3vw 0 4vw;
  }
  .form_submit_div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  /* form 추가 */
  .franchise_con21 .form_submit_div {
    width: 56%;
}
  .community_con02_popup01 .form_input_box  {
    justify-content: space-between;
}
  .franchise_con21 .form_input_box  {
    justify-content: space-between;
}
  .franchise_con21 .form  {
    width: 80%;
}
  .franchise_con21 .form_input_06  {
    width: 73%;
}
  .franchise_con21 .form_agree_wrap  {
    margin: 1vw 0 3vw 0;
}
.form_col.this {
  width: 100%;
}
.form_input_box_select {
  width: 73%;
  gap: 2vw;
}
.form_col.last {
  padding: 1vw 0;
}
.form_wrap_title{
  font-size: 4.4vw;
  margin-bottom: 6vw;
}




.acon05_02 > img{
  animation: ddm_m 1.5s infinite;
}
.gcon06_01_5  img{
  animation: ddm_m 1.5s infinite;
}



/*  popup  */
.popup_right>div>div:nth-child(1) {
  width: 27%;
}

.popup_right_1st {
  color: #E3C179;
  width: 78%;
  margin-bottom: 1%;
  text-align: left;
  justify-content: center;
  align-items: center;
  font-size: 4.2vw;
  margin-top: 6%;
  text-align: center;
}

div.popup {
  width: 84%;
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0%;
}

.popup_right_3rd .popup_right_3rd_right {
  width: 72%;
}


.map_mid_2nd {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0%;
}


.popup_img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  height: 50%;
  overflow: hidden;
  margin-top: 0%;
  margin-bottom: 0%;
}

.popup_top_absol {
  width: 12.4369%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 6%;
  left: unset;
}

.popup_top_absol_2nd {
  width: 96.6687%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 13%;
  left: unset;
}

.popup_img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  height: 50%;
  overflow: hidden;
}

.holme_close {
  width: 100%;
}

.popup_close {
  top: 2% !important;
  right: 5% !important;
  height: 7.5vw;
  width: 7.5vw !important;
  z-index: 10 !important;
  background-color: white;
  border-radius: 50%;
}

.popup_close .absol {
  background-color: #09221c;
}

.fixed_popup {
  z-index: 500000000;
}


.con01pop_05 {
  width: 100%;
}

.popup_right_6th_left {
  width: 40.15%;
}

.popup_img_con {
  overflow: hidden;
  width: 100%;
  scale: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
}

.popup_right_2nd {
  font-weight: 600;
  width: 100%;
  font-size: 4.56vw !important;

  padding-left: 0%;
  text-align: center;
}

.popup_right {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding-left: 0;
  padding: 6vw 0;
}

.popup_right>div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-top: 5%;
  margin-left: 0%;
}

.popup_right>div>div:nth-child(1) {
  width: 28%;
  font-size: 3.6vw;
  margin-right: 2.5vw;
}

.popup_right>div>div:nth-child(2) {
  font-weight: 400;
  font-size: 3.5vw;
  width: 84%;
}











.community_con01_popup .popup_btn{
  width: 4.2%;
  top: 23%;
  right: 10%;
}
.community_con02_popup .popup_btn {
  width: 4.2%;
  top: 3%;
  right: 4%;
}



.community_con02_popup :is(.form_col01 , .form_col02) {
  width: 100%;
}
.community_con02_popup01_form_in .form label {
  width: 8vw;
  margin: 0;
  position: relative;
  margin-right: 9vw;
}
.community_con03_con :is(.form_col01 , .form_col02){
  width: 100%;
}





/* 메인 팝업 */
.main_popup_box {
  width: 85vw;
  border-radius: 2vw;
}
.main_popup_slide {
  height: 54vw;
}
.swiper_main_popup_btn {
  width: 3.6%;
  bottom: 52%;
}
.swiper_main_popup_prev {
  left: 3%;
}
.swiper_main_popup_next {
  right: 3%;
}
.main_popup_pagination {
  gap: 0.4vw;
  padding: 2vw 0;
}
.main_popup_pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
}
.main_popup_btn {
  padding: 2.5vw 0;
  font-size: 3.1vw;
}


}
